 <style type="text/css" media="all">
  #min-window, #close-window {
        width: 20px;
        margin-top: -3px;
    }

    #close-window {
        margin-left: 5px;
    }
    .outbox,.loginoutbox {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 100vh;
        z-index: 1000;
        background: #00000080;
        display: none;
    }
     .tablebox{
       border: 1px solid #ccc;
        width: 85%;
        background: #fff;
        padding-bottom: 60px;
    }
    .nav-title{
        display: flex;
        align-items: center;
        background: #ddd;
        border-bottom: 1px soild #ccc;
    }
    .nav-title .nav-item,.nav-li .li-item{
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 25%;
        border-right: 1px solid #ccc;
    }
    .nav-title .nav-item:first-child,.nav-li .li-item:first-child{
        width: 40%;
    }
    .nav-title .nav-item:last-child,.nav-li .li-item:last-child{
         border: 0;
    }
    .nav-li{
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ccc;
    }
    .outbg {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 500px;
        z-index: 1000;
        background: #f0f0f0;
    }
   
    .outbg .out-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px;
        box-sizing: border-box;
        background: #1D5B96;
        color: #fff;
        font-size: 14px;
    }
    .loginoutbox .outbg .out-title {
        padding: 10px !important;
    }
    .loginoutbox .out-body{
        padding: 40px 0;
    }
    .out-title .left img{
        width: 30px;
    }
    .out-title img {
        width: 20px;
        cursor: pointer;
    }

    .out-body {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
    }

    .out-body img {
        width: 80px;
        margin-right: 10%;
    }

    .out-btn {
        display: flex;
        justify-content: center;
        padding: 10px;
        border-top: 1px solid #ccc;
        position: relative;
    }
    .no-show{
        position: absolute;
        right: 10px;
        display: flex;
        align-items: center;
        font-size: 14px;
        top:30%;
    }
    .no-show label span{
        font-weight: normal !important;
    }
    .no-show input{
        outline: 0;
        border: 0;
    }

    .out-btn button {
        background: #1d5b96;
        color: #fff;
        margin: 0 10px;
        outline: 0;
        border: 0;
        padding: 7px 20px;
    }
    .mulubox{
        display: inline-block;
        position: relative;
    }
    .mulubox .mululist{
        position: absolute;
        background: #5284BB;
        width: 100px;
        box-sizing: border-box;
        top: 44px;
        left: -10px;
        display: none;
    }
    .mulubox .mululist p{
        line-height: 20px;
        text-align: left;
        padding:4px 15px;
        cursor: pointer;
    }
    .mulubox .mululist p:hover{
        background: #FF9A23;
        color: #fff;
    }
    .aboutbox{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        background: #00000080;
        z-index: 1000;
        width: 100vw;
        height: 100vh;
    }
    .aboutbg{
        background-image: url(__STATIC__/tax/images/bj.18cf596.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        max-width: 850px;
        max-height: 520px;
        width: 80%;
        height: 70vh;
        z-index: 99;
    }
    .about_top{
        display: flex;
        justify-content: flex-end;
        padding: 10px;
    }
    .about_top img{
        width: 24px;
        cursor: pointer;
    }
    .about_main{
        display: flex;
        color: #fff;
        padding: 0 3%;
    }
    .about_left{
        width: 52%;
        font-size: 29px;
    }
    .about_left span{
        font-size: 15px;
    }
    .about_right{
        width: 48%;
        background: #fff;
        color: #000;
        padding: 15px;
        border-radius: 7px;
        position: relative;
    }
    .right_title{
        text-align: center;
        color: #858585;
        font-size: 20px;
    }
    .right_title span{
        position: relative;
    }
    .right_title span::before{
        position: absolute;
        left: -74px;
        top: 60%;
        transform: translate(-50%);
        width: 140px;
        height: 1px;
        background: #ccc;
        content: '';
    }
    .right_title span::after{
        position: absolute;
        right: -144px;
        top: 60%;
        width: 140px;
        height: 1px;
        background: #ccc;
        content: '';
    }
    .right_info p{
        margin-top: 10px;
    }
    .right_info{
        padding-bottom: 40px;
        border-bottom: 1px solid #ccc;
    }
    .right_tips{
        padding: 15px 0;
        line-height: 25px;
        padding-bottom: 40px;
    }
    .right_phone{
        position: absolute;
        width: 100%;
        bottom: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: #777;
        font-size: 16px;
        color: #fff;
        padding: 10px 5%;
        left: 0;
        box-sizing: border-box;
    }
    .about_footer{
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        color: #fff;
        padding: 10px 3%;
        width: 100%;
        box-sizing: border-box;
    }
 </style>
 <header data-v-7e78db3a="" class="el-header" style="height: 60px;">
                <aside data-v-7e78db3a="" class="el-aside" style="width: 280px; float: left;">
                    <div data-v-7e78db3a="" class="header-left">
                        <ul data-v-7e78db3a="" role="menubar" class="el-menu"
                            style="height: 60px; line-height: 60px;">
                            <div data-v-7e78db3a="" class="heaser-left-div1" style="display: none;"><img
                                    data-v-7e78db3a=""
                                    src="">
                            </div>
                            <div data-v-7e78db3a="" class="heaser-left-div2">
                                增值税发票开票软件<span data-v-7e78db3a="">(税务UKey版)</span></div>
                        </ul>
                    </div>
                </aside>
                <div data-v-7e78db3a="" class="header-i"><i data-v-7e78db3a="" class="el-icon-s-fold"
                                                            style="cursor: pointer;"></i> <i data-v-7e78db3a=""
                                                                                             class="el-icon-s-unfold"
                                                                                             style="cursor: pointer; display: none;"></i>
                </div>
                <div data-v-7e78db3a="" class="header-right">
                    <!--                    <button data-v-7e78db3a="" type="button"-->
                    <!--                                                                     class="el-button el-button&#45;&#45;default">-->
                    <!--                    &lt;!&ndash;&ndash;&gt;-->
                    <!--                    &lt;!&ndash;&ndash;&gt;-->
                    <!--                    <span>教学专用初始化</span>-->
                    <!--                </button> -->
                    <img src="__STATIC__/new/images/icon_gly.png" style="width: 28px;margin-top: -7px;" alt="" />
                    <img src="__STATIC__/new/images/icon_tc.png" style="width: 28px;margin-top: -6px;" alt="" class="outcancle" id="login_out" />
                     <div class="mulubox">
                       <i data-v-7e78db3a="" class="el-tooltip iconfont icon-mulu" aria-describedby="el-tooltip-5470"
                   tabindex="0" id="showMenu"></i>
                       <div class="mululist">
                           <p id="showAbout" data-id="aboutbox">关于</p>
                           <p>帮助</p>
                           <p>检查更新</p>
                           <p>锁定软件</p>
                           <p id="outlogin">退换账号</p>
                           <p>修改密码</p>
                           <p>在线变更</p>
                           <p id="menu_close">退出</p>
                       </div>
                   </div>
                    
                    <img src="__STATIC__/tax/images/min-window.svg" id="min-window" alt=""/>
                    <img src="__STATIC__/tax/images/close-window.svg" id="close-window" alt=""/>
                </div>
            </header>
            <div class="outbox">
                <div class="outbg">
                    <div class="out-title">
                        <div class="left">
                            <img src="">
                            <span>系统提示</span>
                        </div>
                        
                        <div class="right">
                            <img src="__STATIC__/tax/images/min-window.svg" id="min-out-window" alt="" />
                            <img src="__STATIC__/tax/images/close-window.svg" id="close-box" class="outcancle" alt=""/>
                        </div>
                        
                    </div>
                    <div class="out-body">
                        <div class="tablebox">
                            <div class="nav-title">
                            <div class="nav-item">
                                发票类型名称
                            </div>
                            <div class="nav-item">
                                未上传发票
                            </div>
                            <div class="nav-item">
                                上传汇总状态
                            </div>
                            <div class="nav-item">
                                反写状态
                            </div>
                        </div>
                        <div class="nav-li">
                            <div class="li-item">
                                增值税专用发票
                            </div>
                            <div class="li-item">
                                0
                            </div>
                            <div class="li-item">
                                已上传汇总
                            </div>
                            <div class="li-item">
                                未反写
                            </div>
                        </div>
                        <div class="nav-li">
                            <div class="li-item">
                                增值税普通发票
                            </div>
                            <div class="li-item">
                                0
                            </div>
                            <div class="li-item">
                                已上传汇总
                            </div>
                            <div class="li-item">
                                未反写
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="out-btn">
                        <button id="outsure">继续退出</button>
                        <button class="outcancle">取消</button>
                        <div class="no-show">
                            <label>
                                <input type="checkbox"  />
                                <span>不再显示</span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="loginoutbox">
                <div class="outbg">
                    <div class="out-title">
                        <div class="left">
                            <span>系统提示</span>
                        </div>
                        <div class="right">
                            <img src="__STATIC__/tax/images/close-window.svg" id="close-loginbox"  alt=""/>
                        </div>
                        
                    </div>
                    <div class="out-body">
                        <img src="__STATIC__/tax/images/yiwen.png" alt="" />
                        <span>确定退换账号吗?</span>
                    </div>
                    <div class="out-btn">
                        <button id="loginout">确认</button>
                        <button class="loginout_cancle">取消</button>
                    </div>
                </div>
            </div>
             <div class="aboutbox">
                <div class="aboutbg">
                    <div class="about_top">
                        <img src="__STATIC__/tax/images/close-window.svg" id="close-about" alt=""/>
                    </div>
                    <div class="about_main">
                        <div class="about_left">
                            <p>增值税发票开票软件 <span>(税务UKey版)</span></p>
                        </div>
                        <div class="about_right">
                            <div class="right_title">
                                <span>版权信息</span>
                            </div>
                            <div class="right_info">
                                <p>版权所有: 国家税务总局</p>
                                <p>02019-2023</p>
                                <p>本产品使用权属于:</p>
                                <p>纳税人识别号: 914403003059123428</p>
                                <p>纳税人名称:深圳市高畅科技有限公司</p>
                            </div>
                            <div class="right_tips">
                                警告: 本计算机程序受著作权法和国际公约的保护,未经授权擅自复制或传播本程序的部分或全部,可能受到严厉的民事和刑事制裁,并将在法律许可的范围内受到最大可能的起诉
                            </div>
                            <div class="right_phone">
                                服务热线: 12366
                            </div>
                        </div>
                    </div>
                    <div class="about_footer">
                        <div class="about_footer_item">
                            总局版本: V1.0.31 ZS 20231031
                        </div>
                        <div class="about_footer_item">
                            内部版本: V3.0.18 231031
                        </div>
                        <div class="about_footer_item">
                            商品编码版本号: 51.0
                        </div>
                    </div>
                </div>
            </div>